<template>
	<view class="finishbigbox" style="text-align: center;">
		<view class="smbox">

			<up-notice-bar v-if="flag" :text="text1"></up-notice-bar>
			<view  style="text-align: center;width: 240rpx;margin: 0rpx auto;margin-bottom: 70rpx;padding-top: 50rpx;">
				<up-icon name="checkmark-circle"  color="#fff" size="130"></up-icon>
			</view>

			<text>预约成功</text>
		</view>

		<view class="tbnbox">
			<button @click="buyagain">继续购买</button>
			<button>查看订单列表</button>
		</view>

	</view>
</template>
<script setup>
	import {
		ref,
		onMounted
	} from 'vue'
	let changetaocan = ref({})
	let flag=ref(false)
	let text1 = ref('订单通知已同步至购买人的短信，请及时查看')
	onMounted(() => {
		let tc = JSON.parse(uni.getStorageSync('finishtc'))
		console.log(tc)
		changetaocan.value = tc
		flag.value=tc.tz
	})
	let buyagain = () => {
		uni.navigateBack({
			delta: 1 // 返回的页面层数，1 表示返回上一层页面
		});

		// 销毁当前页面
		uni.redirectTo({
			url: '/pages/index/Package' // 当前页面的路径
		});

	}
</script>
<style scoped>
	.smbox {
		background: #027AFF;
		height: 600rpx;
		text-align: center;
	}

	.tbnbox button:nth-child(2) {
		background: none;
		color: black;

	}

	.tbnbox button {
		width: 300rpx;
		background: #027AFF;
		color: white;
	}

	.tbnbox {
		display: flex;
		margin: 250rpx 0rpx;
		margin-top: 300rpx;
	}

	.finishbigbox text {
		font-size: 60rpx;
		color: white;
	}

	.finishbigbox {
		text-align: center;
		background: ghostwhite;
		height: 100vh;
	}
	image {
		width: 200rpx;
		height: 200rpx;
		text-align: center;
		/* margin:0rpx auto; */
		border-radius: 100rpx;
		margin: 100rpx;
		margin-bottom: 80rpx;

	}
</style>